<template>
	<view class="announcement">
		<view class="" style="height: 160rpx;">
			<view class="mail_List" style="position: fixed;">
				<view class="mail" style="font-weight: 700;">
					<view class="order">党建资讯</view>
				</view>
			</view>
			<view class="icon" style="position: fixed;">
				<u-icon name="arrow-left" color="#fefefe" size="40" @click="navigateBack"></u-icon>
			</view>
		</view>
		<view class="plus_circle">
			<u-icon name="plus-circle" size="120" @click="party"></u-icon>
		</view>
		<view>
			<uni-card class="second_card" style="margin: 0;">
				<u-cell-group :border="false" v-for="(item,index) in application" :key=index>
					<u-cell-item :title="item.title" arrow-direction="right" :label="item.createTime"
						 @click="centuryGlory(item.title)">
						<view class="people">
							<view>
								<image src="../../../static/workOrder/eye.png" mode=""
									style="width: 20rpx; height: 20rpx;margin-right: 8rpx;"></image><text>{{item.lookNumber}}次</text>
							</view>
						</view>
					</u-cell-item>
					<!-- 					<view class="people">
						<view>
							<image src="../../../static/workOrder/Polygon2.png" mode=""
								style="width: 20rpx; height: 20rpx;"></image><text>{{item.lookNumber}}次</text>
						</view> -->
					<!-- 						<view style="margin-left: 20rpx;">
							<image src="../../../static/workOrder/Polygon2.png" mode=""
								style="width: 20rpx; height: 20rpx;"></image><text>123人</text>
						</view> -->
					<!-- </view> -->
					<!-- <view class="frequency">来源: 人民网-人民日报</view> -->
				</u-cell-group>
			</uni-card>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				// 所有展示数据
				application: '',
				// 搜索内容
				deviceName: '',
				// 搜索展示数据
				searchOwners: '',
			}
		},
		onLoad() {
			this.loginId = uni.getStorageSync("setModel")
			// 展示全部数据
			this.getRecords()
		},
		methods: {
			// 展示全部数据
			getRecords() {
				this.$http.get('informationInquiry/selectAdvisoryList', {deptId:this.loginId.deptId}).then(res => {
					console.log(res, '课程分类')
					this.application = res.data
				})
			},
			centuryGlory(title) {
				this.openUrl(`/pagesA/application/buildingInformation/centuryGlory/centuryGlory?advisoryTitle=${title}`)
			},
			party() {
				this.openUrl('/pagesA/application/buildingInformation/party/party')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.announcement {
		.mail_List {
			overflow: hidden;
			width: 100%;
			background-color: #f2f2f2;

			.mail {
				padding: 10rpx 0;
				// margin-top: 96rpx;
				color: #999999;
				font-size: 40rpx;
				background-color: #e5e5e5;
			}

			.order {
				text-align: center;
			}
		}

		.icon {
			position: absolute;
			top: 18rpx;
			left: 20rpx;
		}

		.icon_two {
			position: absolute;
			top: 18rpx;
			right: 20rpx;
		}

		/deep/.second_card {
			position: relative;

			.uni-card {
				z-index: unset;
				margin: 24rpx 0;
			}

			/deep/.u-cell__value {
				margin-right: -18rpx;
			}

			.u-cell {
				padding: 14rpx 24rpx;
			}

			.uni-card__content {
				padding: 0 10rpx !important;
			}

			.people {
				display: flex;
				position: absolute;
				top: 32rpx;
				right: 80rpx;
				// font-size: 20rpx;
				color: #909399;
			}

			.frequency {
				position: absolute;
				top: 76rpx;
				left: 297rpx;
				font-size: 20rpx;
				color: #909399;
			}
			u-cell-group {
				u-cell-item {
					.u-cell {
						// padding: 14rpx 24rpx!important;
						.u-cell_title {
							width: 446rpx !important;
							overflow: hidden !important;
							text-overflow: ellipsis !important;
							white-space: nowrap !important;
						}
					}
			
				}
			
			}
		}

	}
</style>
